<template>
  <div id="app">
    <p>一、demo（画布，节点，边）</p>
    <X6Test />

    <p>二、渲染自定义节点</p>
    <X6CustomNode />

    <p>三、组合</p>
    <X6Group />

    <p>四、流动线（动画）</p>
    <X6FlowLine />
  </div>
</template>

<script>
import X6Test from '@/views/demo/x6Test.vue'
import X6CustomNode from '@/views/demo/x6CustomNode.vue'
import X6Group from '@/views/demo/x6Group.vue'
import X6FlowLine from '@/views/demo/x6FlowLine.vue'

export default {
  name: 'X6Demo',
  components: { X6FlowLine, X6Group, X6CustomNode, X6Test },
}
</script>

<style>
#app {
  font-size: 16px;
}
</style>
